<template>
	<view>
	    <view class="row tei">
            <view class="mod">
                <view class="hd">
                    <p>{{info.title}}</p>
                </view>

                <view class="bd">
					<jshopContent :content="info.content" is_all_show="1" v-if="info.content"></jshopContent>
				</view>

            </view>
        </view>

        <view v-if="cou_res.length > 0" class="row loup">
            <view class="mod">
                <view class="hd"> <p>相关咨询师</p> </view>
                <refer :jdata="cou_res"></refer>

            </view>
        </view>   

        <view class="row loup">
            <view class="mod">
                <view class="hd"> <p>推荐楼盘</p> </view>

                <recommend :jdata="lou_res"></recommend>
            </view>
        </view>   

        <view class="kong"></view>

        <view class="fx">
			<!-- <fxqu></fxqu> -->
		</view>

		
	</view>
</template>

<script>
    import Refer from 'pages/index/journalism/Refer';
    import recommend from 'pages/index/recommend';
	import jshopContent from '@/components/jshop/jshop-content.vue' 
    // import Fxqu from 'pages/index/details/Fxqu'
	
	export default {
        components: {
           Refer,
           recommend,
		   jshopContent
        },

		data() {
			return {
				id:0,
				info:{},
				cou_res:{},
				lou_res:{},
				
			}
		},
		onLoad(e) {	
			let _this = this;
			this.id = e.id;
			this.$api.getNewsDetail({
					id:_this.id
				},
				res => {
					_this.info = res.info;
					_this.cou_res = res.cou_res;
					_this.lou_res = res.lou_res;
				}
			);
		},
		methods: {
			
		}
	}
</script>

<style scoped>
    *{
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .row{
        background: #fff;
    }
    .loup{
        margin-top: 20upx;
    }
    .tei{
        padding-bottom: 60upx;
    }

    .mod{
        margin: 0 40upx 0 40upx;
    }
    .hd{
        
        padding: 40upx 0 40upx 0;
    }
    .hd>p{
        color: #3e4a59;
        font-size: 36upx;
        font-weight: 700;
    }


    .img{
        height: 100%;
        width: 100%;    
    }
    .img>img{
        height: 100%;
        width: 100%;
    }
    .text{
        margin-top: 20upx;
        color: rgb(127, 127, 127);
    }
 
    .head{
        font-size: 28upx;
        font-weight: bold;
        word-break: break-all;
        color: rgb(51, 51, 51);
    }
    .title{
        color: rgb(51, 51, 51);
        font-size: 36upx;
        font-weight: bold;
        word-break: break-all;
        margin: 40upx 0 40upx 0;
    }
    .neir{
        letter-spacing: 1upx;
        line-height: 60upx;
    }
   

    .kong{
        height: 120upx;
    }
   .fx{
        position: fixed;
        background: #fff;
        bottom: 0;
        height: 114upx;
    }
</style>
